<script setup lang="ts">


</script>

<template>
<!--发送消息组件-->
  <div class="chat-edit">
<!-- 发送消息框-->
    <MsgInput/>
<!--    发送消息图标-->
    <IconFont icon="msgSend" :size="28" class="chat-edit-icon" colorful/>
  </div>
</template>

<style scoped lang="scss">
.chat-edit{
  position: sticky;
  bottom: 0; /* 向下偏移20px */
  left: 20px;
  right: 20px;
  z-index: 999;
  background-color: #424656;
  min-height: 40px;
  margin: 0;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-content: center;
  padding: 0 10px;
  gap: 10px;
  .chat-edit-icon{

  }
}

@media (max-width: 768px) {
  .chat-edit{
    padding: 0 5px;
  }
}

</style>
